@php
    /** @var $goods \App\Model\Goods */
@endphp
@extends('home.app')

@section('title', 'Product reserved')

@section('content')
    <link rel="stylesheet" href="/css/product-preview.css">
    <link rel="stylesheet" href="/css/home-inline-styles.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <div class="container">
        <!--标题-->
        <div class="row">
            <div class="col-xs-12">
                <div id="product-preview__message">Added to Shopping Bag</div>
            </div>
        </div>
        <div class="row">
            <!--商品图片-->
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 preview-image">
                <img class="mb-30" src="{{$goods->getGoodsThumbUrl()}}"
                     alt="{{$goods->goods_name}}">
            </div>
            <!--商品名称和价格-->
            <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 preview-title">
                <h4 id="product-preview-title">{{$goods->goods_name}}</h4>
                <div id="product-preview-price">Price: ${{$goods->goods_price}}</div>
            </div>
            <!--右侧按钮-->
            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <div id="product-preview__cart-info">
                    <span>Shopping Cart</span>

                    ({{$count}} items): ${{$total}}
                </div>
                <a href="/cart" id="product-preview__shopping-cart-button">View Shopping
                    Cart</a>
                <a href="{{action('CollectionController@cat', ['cat' => $goods->category->id])}}"
                   id="product-preview__continue_shopping-button">Continue Shopping</a>
                <!--
                <div id="reservation-time-wrapper">
                    Reserved for:
                    <span id="reservation-time">expired</span>
                </div>
                -->
            </div>
        </div>
    </div>
    <script src="/js/js.cookie.min.js"></script>
    <script src="/js/product-preview.js"></script>
@endsection
